div{
    width: 90%;
    height: 100px;
    border: 2px solid #333;
    margin: 10px auto;
}

/*Un dégradé linéaire à 3 couleurs*/
#ex1{
    background:
	linear-gradient(yellow, red, purple);
}

/*Color stops personnalisés*/
#ex2{
    background:
	linear-gradient(yellow 40%, red 60%, purple);
}
#ex3{
    background:
	linear-gradient(yellow -40%, red 20%, purple);
}